<!-- 漫画 -->
<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="../images/favicon.ico" type="image/x-icon">
    <title>《原神》</title>
    <link rel="stylesheet" href="../style/common.css">
    <link rel="stylesheet" href="../style/video.css">
</head>

<body>
    <div class="header">
        <div class="top">
            <img id="audio_c" src="../images/audio-on.png" alt="" width="30px"
                style=" vertical-align: top; transform: translateY(25px); cursor: pointer;z-index: 500;">
            <a href="../index.html" class="logo"></a>
            <div class="top_nav"><a href="../index.html">首页</a><a href="news.html">新闻</a><a
                    href="character.html">角色</a><a href="world.html">世界</a><a href="cartoon.html">漫画</a><a
                    class="active" href="video.html">视频</a>
            </div>
        </div>
    </div>
    <div class="container">
        <div class="content">
            <span class="item"
                data-src="https://vdn1.vzuu.com/HD/9e63ab56-e935-11ea-842c-f63912482297.mp4?disable_local_cache=1&auth_key=1623899256-0-0-0908b3d1ebb03aadd4f8f4619d4dec76&f=mp4&bu=http-com&expiration=1623899256&v=hw"><img
                    src="../images/v1.jpg" alt="">
                <p>剧情预告：我们终将重逢</p>
            </span>
            <span class="item"
                data-src="https://vdn.vzuu.com/HD/26481ddc-f65f-11ea-9833-5ea1b10ce0da.mp4?disable_local_cache=1&auth_key=1623899297-0-0-ed609fb77189c43f8348f97dce24812e&f=mp4&bu=http-com&expiration=1623899297&v=ali"><img
                    src="../images/v2.jpg" alt="">
                <p>剧情PV-「微风与少年」</p>
            </span>
            <span class="item"
                data-src="https://vdn1.vzuu.com/HD/ddcde89c-f6f5-11ea-b864-72f2f1856b6b.mp4?disable_local_cache=1&auth_key=1623899314-0-0-048ad352b37d4f6fb66c0ef784ead19e&f=mp4&bu=http-com&expiration=1623899314&v=hw"><img
                    src="../images/v3.jpg" alt="">
                <p>主题PV-「珍珠之歌」</p>
            </span>
            <span class="item"
                data-src="https://vdn1.vzuu.com/HD/b816f986-0249-11eb-a49e-f22c9f9cbc26.mp4?disable_local_cache=1&auth_key=1623899333-0-0-4f57f1ef16b7545ebe9477ad0d83632e&f=mp4&bu=http-com&expiration=1623899333&v=hw"><img
                    src="../images/v4.jpg" alt="">
                <p>温迪角色PV-「四方之风」</p>
            </span>
            <span class="item" data-src="https://vdn.vzuu.com/HD/d2ce8d04-1372-11eb-86bc-6a081cfee19a.mp4?disable_local_cache=1&auth_key=1623899355-0-0-aeac1bb5c5684b432c6fec89f8d73eba&f=mp4&bu=http-com&expiration=1623899355&v=ali"><img src="../images/v5.jpg" alt="">
                <p>角色演示-「可莉：哒哒哒」</p>
            </span>
            <span class="item" data-src="https://vdn3.vzuu.com/HD/664e07e6-1ab0-11eb-b826-ca2764193219.mp4?disable_local_cache=1&auth_key=1623899416-0-0-1149ddb62d7b8a4931045cd13288cde4&f=mp4&bu=http-com&expiration=1623899416&v=tx"><img src="../images/v6.jpg" alt="">
                <p>1.1版本PV：「迫近的客星」</p>
            </span>
            <span class="item" data-src="https://vdn.vzuu.com/HD/2f28888a-32c6-11eb-9dd8-8eb14a288814.mp4?disable_local_cache=1&auth_key=1623899440-0-0-ee83d54ca97f14059d19d17d9ed7090a&f=mp4&bu=http-com&expiration=1623899440&v=ali"><img src="../images/v7.jpg" alt="">
                <p>角色演示-「钟离：听书人」</p>
            </span>
            <span class="item" data-src="https://vdn.vzuu.com/HD/f820bf56-6510-11eb-a9ee-0ee40ba1cd2e.mp4?disable_local_cache=1&auth_key=1623899462-0-0-4ce9ffb9c91cced4130b77baa52be7b3&f=mp4&bu=http-com&expiration=1623899462&v=ali"><img src="../images/v8.jpg" alt="">
                <p>角色演示-「魈：历劫祓恶」</p>
            </span>
            <span class="item" data-src="https://vdn.vzuu.com/HD/2a1f1b4a-7a3a-11eb-be32-1201cc8ef279-t1-vdb8w3A1Wx.mp4?disable_local_cache=1&auth_key=1623899389-0-0-a62c010e24acec96d04a1de26d183d64&f=mp4&bu=http-com&expiration=1623899389&v=ali"><img src="../images/v9.jpg" alt="">
                <p>胡桃角色PV-「吓到了吗？」</p>
            </span>
        </div>
    </div>
    <div class="footer">
        <div class="footer_box">
            <span class="img_box">
                <img src="../images/mihoyo.json" alt="" height="50px">
                <img src="../images/logo.png" alt="" height="50px">
            </span>
            <pre>
            健康游戏忠告：抵制不良游戏，拒绝盗版游戏。注意自我保护，谨防受骗上当。适度游戏益脑，沉迷游戏伤身。合理安排时间，享受健康生活。
            沪公网安备31010402001113号|增值电信业务经营许可证：沪B2-20190555
            沪ICP备19018275号-4 | 沪网文〔2019〕3168-216号 | 国新出审【2019】2978号
            互联网违法不良信息举报邮箱: tousu@mihoyo.com 互联网违法不良信息举报电话: 021-34203135 （工作时间：每天10点 - 20点）
            亲爱的市民朋友，上海警方反诈劝阻电话“962110”系专门针对避免您财产被骗受损而设，请您一旦收到来电，立即接听。
            © 2020 米哈游版权所有</pre>
        </div>
    </div>
    <div id="video_box">
        <div id="close"></div>
        <video id="video" src="" controls autoplay></video>
    </div>
    <audio id="audio" autoplay preload="preload" loop="loop" src="../audio/music.flac">您的浏览器不支持 audio 标签。</audio>
    <script src="../javascript/audio.js"></script>
    <script src="../javascript/video.js"></script>
</body>

</html>